@import "../../../../../assets/css/labb-lib";

/* Features */

.labb-features {
  .labb-feature {
    @include respond-to-max(767) {
      margin-bottom: 50px;
      }
    &:last-child {
      margin-bottom: 0 !important;
      }
    .labb-subtitle {
      font-size: 14px;
      line-height: 22px;
      letter-spacing: 2px;
      font-weight: normal;
      font-style: normal;
      text-transform: uppercase;
      color: #ACB2BF;
      margin-bottom: 5px;
      @include respond-to-max(767) {
        font-size: 12px;
        line-height: 18px;
        }
      }
    .labb-title {
      font-size: 32px;
      line-height: 42px;
      margin-bottom: 15px;
      @include respond-to-max(1024) {
        font-size: 26px;
        line-height: 36px;
        }
      }
    .labb-feature-details {
      color: #9297A3;
      font-size: 14px;
      line-height: 24px;
      @include respond-to-max(767) {
        font-size: 13px;
        line-height: 22px;
        }
      }
    }
  @include respond-to-min(768) {
    .labb-feature {
      .labb-text-content {
        max-width: 520px;
        padding: 0 50px;
        .siteorigin-panels-stretch[data-stretch-type="full-stretched"] & {
          max-width: 600px;
          }
        }
      &:nth-child(even) {
        .labb-image-content {
          @include order(2);
          }
        .labb-text-content {
          @include order(1);
          }
        }
      }
    }
  }

.labb-features:not(.labb-tiled) {
  @include respond-to-min(768) {
    .labb-feature {
      margin-bottom: 80px;
      .labb-image-content {
        max-width: 520px;
        .siteorigin-panels-stretch[data-stretch-type="full-stretched"] & {
          margin: 0 auto;
          }
        }
      .labb-text-content {
        .siteorigin-panels-stretch[data-stretch-type="full-stretched"] & {
          margin: 0 auto;
          }
        }
      }
    }
  }

.labb-features.labb-tiled {
  .labb-feature {
    .labb-text-content {
      margin: 0 auto; /* Center the text */
      @include respond-to-max(767) {
        .siteorigin-panels-stretch[data-stretch-type="full-stretched"] & {
          padding: 0 20px;
          }
        }
      }
    .labb-image-content img {
      width: 100%;
      }
    }
  }